<!DOCTYPE html>
<html lang="en">
<head>
    <title>Home</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/grid.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/tickets.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/pikaday.css" type="text/css" media="screen">
    <script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script src="js/pikaday.js" type="text/javascript"></script>
	<script type="text/javascript" src="http://www.google.com/recaptcha/api/js/recaptcha_ajax.js"></script>
    <!--<script src="js/cufon-yui.js" type="text/javascript"></script>-->
    <!--<script src="js/cufon-replace.js" type="text/javascript"></script>-->
    <!--<script src="js/Vegur_500.font.js" type="text/javascript"></script>-->
    <!--<script src="js/Ropa_Sans_400.font.js" type="text/javascript"></script> -->
    <!--<script src="js/FF-cash.js" type="text/javascript"></script>-->
    <!--<script src="js/tms-0.3.js" type="text/javascript"></script>-->
    <!--<script src="js/tms_presets.js" type="text/javascript"></script>-->
    <!--<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>-->
    <!--<script src="js/script.js" type="text/javascript"></script>-->
    <script src="js/ng.js" type="text/javascript"></script>
    <script src="js/ng.tickets.js" type="text/javascript"></script>
    <!--[if lt IE 8]>
    <div style=' clear: both; text-align:center; position: relative;'>
        <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
            <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0"
                 height="42" width="820"
                 alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."/>
        </a>
    </div>
    <![endif]-->
    <!--[if lt IE 9]>
    <script type="text/javascript" src="js/html5.js"></script>
    <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
    <![endif]-->
</head>
<body id="page1">
<header>
    <div class="border-bot">
        <div class="main">
            <h1 class="h1-header">
                <a class="logo" href="index.html">Україна-Центр</a>

                <div class="uc"></div>
                <div class="header-right">
                    <table>
                        <tr class="register">
                            <td>
                                <a href="#" id="login" style="display: none;" class="italic">Вхід</a>
                                <a href="#" id="cabinet" style="display: none;" class="italic">Вхід в кабінет</a>
                            </td>
                            <td>
                                <a href="#" id="register" style="display: none;" class="italic">Зареєструватись</a>
                                <a href="#" id="logout" style="display: none;" class="italic">Вихід</a>
                            </td>
                        </tr>
                        <tr class="lang">
                            <td style="min-width:60px;" id="currency-container">

                            </td>
                            <td>
                                <a class="lang-italy" href="#"></a>
                                <a class="lang-ukr" href="#"></a>
                                <a class="lang-eng" href="#"></a>
                                <a class="lang-rus" href="#"></a>
                            </td>
                        </tr>
                    </table>
                </div>
            </h1>
            <nav>
                <ul class="menu">
                    <li><a href="index.html">Головна</a></li>
                    <li><a href="schedule.html">Розклад</a></li>
                    <li><a class="active" href="tickets.html">Квитки</a></li>
                    <li><a href="leasing.html">Оренда</a></li>
                    <li><a href="about.html">Про компанію</a></li>
                </ul>
            </nav>
            <div class="clear"></div>
        </div>
    </div>

</header>
<section id="content">
    <div class="main">
        <div class="container_12">
            <div class="wrapper">
                <div class="center">
                    <article>
                        <!--<h2 class="italic" style="text-align: center;">Додамо найближчим часом :)</h2>-->
                        <div id="message-container"></div>
                        <div class="forms" style="display: block;">
                            <h3>Оберіть рейс</h3>
                            <ul class="forms-inline-list">
                                <li>
                                    <label>
                                        Місто відправлення
                                        <select id="forth-city" class="width-50">
                                            <option></option>
                                        </select>
                                    </label>
                                </li>
                                <li>
                                    <label>
                                        Місто прибуття
                                        <select id="back-city" class="width-50">
                                            <option></option>
                                        </select>
                                    </label>
                                </li>
                                <li>
                                    <label>
                                        Дата виїзду
                                        <input type="text" id="forth-date" name="forth-date" class="width-50"/>
                                    </label>
                                </li>
                                <li>
                                    <label>
                                        Дата повернення
                                        <input type="text" id="back-date" name="back-date" class="width-50"
                                               disabled/>
                                    </label>
                                </li>
                                <li class="both-checkbox">
                                    <input id="both-dirs" type="checkbox" name="checkbox-1">
                                    <label for="both-dirs">Бажаю квиток в обидві сторони</label>
                                </li>
                            </ul>
                            <hr id="division" style="display: none;">

                            <div class="order-board" style="display: none;">
                                <div class="results">
                                    <div id="forth-direction" class="forth-direction" style="display: none;">
                                    </div>
                                    <div id="back-direction" class="back-direction" style="display: none;">
                                    </div>
                                </div>
                                <div class="ticket-board" style="display: none;">
                                    <div class="tickets-title">
                                        <span>Квитки</span>
                                    </div>
                                    <div class="ticket-area">
                                        <div class="tickets"></div>
                                        <div class="button-area">
                                            <button id="add-ticket" class="btn btn-green light">Додати</button>
                                            <button id="delete-ticket" class="btn btn-green light">Видалити</button>
                                            <button id="reserve-ticket" class="btn btn-green light">Забронювати</button>
                                        </div>
                                        <form method="POST" id="liq-form" action="https://www.liqpay.com/api/pay"
                                              accept-charset="utf-8">
                                            <input type="hidden" name="public_key"/>
                                            <input type="hidden" name="amount"/>
                                            <input type="hidden" name="currency"/>
                                            <input type="hidden" name="description"/>
                                            <input type="hidden" name="order_id"/>
                                            <input type="hidden" name="result_url"/>
                                            <input type="hidden" name="server_url"/>
                                            <input type="hidden" name="type" />
                                            <input type="hidden" name="signature"/>
                                            <input type="hidden" name="language"/>
                                            <input type="hidden" name="sandbox"/>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            <hr>
                            <button id="search-tr" class="btn btn-green light">Пошук рейсів</button>
                            <button id="run" class="btn btn-green light">Run</button>
                        </div>
                    </article>
                </div>
            </div>
        </div>
    </div>
</section>
<footer>
    <div class="main">
        <div class="container_12">
            <div class="wrapper">
                <div class="grid_3">
                    <div class="spacer-1">
                        <a href="index.html"><img src="img/logo.png" alt=""
                                                  style="height: 100px; margin-left: 60px;"></a>
                    </div>
                </div>
                <div class="grid_5">
                    <div class="indent-top2 spacer-1">
                        <p class="footer-p">Контакти:</p>Київстар: +380 67 520 2556 <br>МТС: +380 99 289 8928 <br>Email:
                        <a class="link italic" href="#">ukraina.centr@gmail.com</a>
                    </div>
                </div>
                <div class="grid_4">
                    <div class="indent-top2">
                        <p class="footer-p">Designed by Ng</p>Phone: +3 8(093) 889 92 67 <br>Email: <a
                            class="link italic" href="#">forartforces@gmail.com</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
<!--<script type="text/javascript"> Cufon.now(); </script>-->
</body>
</html>